﻿@{
    ViewBag.Title = "testTooltip";
    Layout = "~/Views/Shared/_Layout.cshtml";
}
@section Head{
    <style type="text/css">
        body
        {
            padding: 50px 10px;
        }
    </style>
    <style type="text/css">
        .bs-docs-example-popover
        {
            position: static; /*overflow: visible;*/
        }
        .bs-docs-example-popover .popover
        {
            position: relative;
            display: block;
            float: left;
            width: 260px;
            margin: 20px;
        }
        .arrow-after
        {
        }
    </style>
}
<div class="bs-docs-example bs-docs-example-popover">
    <div class="popover top">
        <div class="arrow">
        </div>
        <h3 class="popover-title">
            Popover top</h3>
        <div class="popover-content">
            <p>
                Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare
                sem lacinia quam venenatis vestibulum.</p>
        </div>
    </div>
    <div class="popover right">
        <div class="arrow">
        </div>
        <h3 class="popover-title">
            Popover right</h3>
        <div class="popover-content">
            <p>
                Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare
                sem lacinia quam venenatis vestibulum.</p>
        </div>
    </div>
    <div class="popover bottom">
        <div class="arrow">
        </div>
        <h3 class="popover-title">
            Popover bottom</h3>
        <div class="popover-content">
            <p>
                Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare
                sem lacinia quam venenatis vestibulum.</p>
        </div>
    </div>
    <div class="popover left">
        <div class="arrow">
        </div>
        <h3 class="popover-title">
            Popover left</h3>
        <div class="popover-content">
            <p>
                Sed posuere consectetur est at lobortis. Aenean eu leo quam. Pellentesque ornare
                sem lacinia quam venenatis vestibulum.</p>
        </div>
    </div>
    <div class="clearfix">
    </div>
</div>
<div class="bs-docs-example tooltip-demo">
    <ul class="bs-docs-tooltip-examples">
        <li><a href="#" rel="tooltip" data-placement="top" data-original-title="Tooltip on top">
            Tooltip on top</a></li>
        <li><a href="#" rel="tooltip" data-placement="right" title="Tooltip on right">Tooltip
            on right</a></li>
        <li><a href="#" rel="tooltip" data-placement="bottom" title="Tooltip on bottom">Tooltip
            on bottom</a></li>
        <li><a href="#" rel="tooltip" data-placement="left" title="Tooltip on left">Tooltip
            on left</a></li>
    </ul>
</div>
<div class="bs-docs-example tooltip-demo">
    <p class="muted" style="margin-bottom: 0;">
        Tight pants next level keffiyeh <a href="#" rel="tooltip" data-original-title="Default tooltip">
            you probably</a> haven't heard of them. Photo booth beard raw denim letterpress
        vegan messenger bag stumptown. Farm-to-table seitan, mcsweeney's fixie sustainable
        quinoa 8-bit american apparel <a href="#" rel="tooltip" title="Another tooltip">have
            a</a> terry richardson vinyl chambray. Beard stumptown, cardigans banh mi lomo
        thundercats. Tofu biodiesel williamsburg marfa, four loko mcsweeney's cleanse vegan
        chambray. A really ironic artisan <a href="#" rel="tooltip" title="Another one here too">
            whatever keytar</a>, scenester farm-to-table banksy Austin <a href="#" rel="tooltip"
                title="The last tip!">twitter handle</a> freegan cred raw denim single-origin
        coffee viral.
    </p>
</div>
<p style="height: 1000px;">
</p>
